html,
        body {
            height: 100%;
            direction:rtl;
        }

        body {
           
         
            color: #fff;
            font-size: 1.5em;
            font-weight: 400px;
            text-align: right;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    td > a {
      border: none;
text-decoration: none;
font-family:b nazanin;
font-family:b nazanin,b titr,arial,sans-serif;
font-size: 0.9em;
    }
a{
     font-family: b titr,b nazanin,arial,sans-serif;
border: 1px dashed #000;
font-size: 0.5em;
color: #000;
padding: 0px 7px;
cursor: pointer;
}
        .mainin {
               text-align: right;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            position: relative;
            margin: 0 auto;
            background: #34d9ff;
            border: 2px #33007d  dashed;
            color: #0e5698;
            display: inline-block;
            
            border-radius: 100%;
            box-shadow: 0 50px 50px rgba(0, 0, 0, 0.51);
            height: 370px;
            width: 366px;
	    
        }

        h1{
            font: 0.8em farnaz,b titr,b nazanin,arial,sans-serif;
            text-align: center;
            margin-top: 57px;
            font-weight: bold;
            color: #0000ff;
              margin-right: 8px;
        }
label{
    font-family: ap yekan black,farnaz,b titr,b nazanin,arial,sans-serif;
    font-size: 14px;
    margin-right: 17%;
    color:#0000ff;
}
        input,
        button,
        select,
        textarea {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-sizing: border-box;
            font-family:  farnaz,b titr,b nazanin,arial,sans-serif;
            font-size: 15px;
            text-align:center;
            margin-right:17%;
        width: 65%;
        height: 35px;
        background-color: #a8d7fe;
        
        }

        button {
            background: #007bec;
            color: #fff;
          line-height: 40px;
            height: 3.5em;
             width: 4em;
            font-size: 1.3em;
            font-weight: bold;
            border: 0;
            border-radius: 100%; 
            
            margin-right: 34%;
            margin-top: 25px;
          
          
          
            font-family: b titr,b nazanin,arial,sans-serif;
          direction: rtl;
text-align: center;
                }

        button:hover {
            
            cursor: pointer;
            background-color: #030de1;
        }
        .app{
         float:left;  align-self: end; top: 3px;
position: absolute;
        }
        .app :hover{
              opacity: 0.7;
        }
        
        .topmenumobile{
    display:none;
}







/*menu */ 
   
.topuser{
      
font: 24px b nazanin outline,b titr,b nazanin,arial,sans-serif;
color: #fffff;
text-align:right;
margin-top: -30px;
}
.asli{
            
    
    width: 100%;
    margin:auto;
    background-size: 99%;
    margin-top:10px;

          
}
.date{
    float:left;

font-size: 11px;
font-family: b traffic, b elm,b homa,b titr,b nazanin,arial,sans-serif;

color: #ffa903;
margin-top: -5px;
font-weight: bold;
}
.log{
float:left;
    
}
    .log:hover{
    opacity: 0.7;
}

.god{
     font-family:  b nazanin,b titr,arial,sans-serif;
     font-size: 14px;
}


.program{

padding: 0 15px;
     font-family:  b titr,b nazanin,arial,sans-serif;
     font-size: 14px;
   
     float: right;
 border-radius: 22px;

}
.topmenu{ background-color: #303; padding-right: 20px;padding-bottom: 10px; border-radius: 10px; }
.bmenu{
  display: flex;
text-align: center;

padding-bottom: 5px;
}
.framha{
  margin: 10px 0 0 0 ;
  display:block;

}
#fram1{
background-color: #cddbec;
width: 97%;
z-index: 1;
position: absolute;
padding-bottom: 50px;
display:none;    
}
 
#fram2{
  background-color: #cddbec;
width: 97%;
padding-bottom: 50px;
position: absolute;
display:none;
}

#fram3{
  background-color: #cddbec;
width: 97%;
padding-bottom: 50px;
position: absolute;
display:none;
}

#fram4{
  background-color: #cddbec;
width: 97%;
padding-bottom: 50px;
position: absolute;
display:none;
}
#fram5{
  background-color: #cddbec;
width: 97%;
padding-bottom: 50px;
position: absolute;
display:none;
}
.content{
    border:2px black solid;
    margin-top: 5px;
}
.titr{
color: white;
padding-right: 2%;
font-size: 20px;
font-family: b titr,b nazanin,b traffic, b elm,b homa,arial,sans-serif;
font-weight: bold;
padding-top: 10px;
background-color: black;
padding-bottom: 12px;
}
.matn{
      color:black;
    padding-right:10px;
  font-size: 16px;
font-family: b nazanin,b homa,b traffic, b elm,b titr,arial,sans-serif;
margin-top: 10px;
}
.date1{
color: black;
padding-right: 25px;
font-size: 15px;
font-family: b traffic, b elm,b homa,b titr,b nazanin,arial,sans-serif;
margin-top: 15px;
margin-bottom: 10px;
font-weight: bold;
background-color: #dbe1d1;
}
        .forgetpass{
            border: 2px black dashed;
            margin: 4% 2%;
        }
                table, td, th {
border: 3px solid green;
}
table , th , td{
   border:2px solid #d579ff;
color: black;
font-family:b nazanin,b titr,arial,sans-serif;
font-size: 0.9em;
padding: 11px;
}

table{
   border-collapse: collapse;
   font-family: sans-serif;
   text-align: center;
   width:100%;
   overflow-x:auto;
}

th{
  background-color: black;
color: white;
font-size: 0.8em;
padding: 10px;
font-family: b titr,arial,sans-serif;
}
.null{
    background-color:#d579ff;
}
.bmenumobile{
   display: none;
background-color: #cca5ec;
width: 102%;
margin-top: 5px;
padding:7px 5px;
}
@media only screen and (max-width : 999px) {

.topmenu{
 display:none;
 
}
.topmenumobile{
display: block;
background-color: #303;
padding-bottom: 10px;
border-radius: 10px;
width: 103%;
font-weight: bold;
margin-top: -17px;
    
}
.topusermobile{
    font-family: b titr,arial,sans-serif;
margin-top: 17px;
color: #50ff00;
text-align: right;
margin-right: 7px;
font-size: 17px;
font-weight: bold;
}
.datemobile{
    display:none;
    font-family: b titr,arial,sans-serif;
    font-weight: bold;
}
.godmobile{
font-size: 0.7em;
font-family: b titr,arial,sans-serif;
font-weight: bold;
}
.bmenumobile{
    display:block;
}
.bmenu{
    display:none;
}
}


@media only screen and (max-width : 376px) {
table , th , td{
   border:2px solid #d579ff;
color: black;
font-family:b nazanin,b titr,arial,sans-serif;
font-size: 0.7em;
padding: 11px;
}

th{
  background-color: black;
color: white;
font-size: 0.6em;
padding: 10px;
font-family: b titr,arial,sans-serif;
}}